import React from 'react';
import styles from './emptyresponse.css';

export function EmptyResponse({text = 'Хмм... здесь пока пусто'}) {
  return (
    <div>
      <p className={styles.emptyEmoji}>
        <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
        <rect width="40" height="40" fill="url(#pattern0)"/>
        <defs>
        <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
        <use xlinkHref="#image0_16_2280" transform="scale(0.00833333)"/>
        </pattern>
        <image id="image0_16_2280" width="120" height="120" xlinkHref=""/>
        </defs>
        </svg>
      </p>
      <p className={styles.emptyText}>{text}</p>
    </div>
  );
}
